//首页banner

let sideList


$(document).ready(function(){

	/*$("#kinMaxShow").kinMaxShow({
			height:348,
			button:{
					showIndex:false,
					normal:{background:'url(/images/new_images/tg_flash_p2.png) no-repeat 0 0',marginRight:'10px',border:'0',right:'42%',bottom:'17px'},
					focus:{background:'url(/images/new_images/tg_flash_p.png) no-repeat 0 0',border:'0'}
				},
			callback:function(index,action){
				switch(index){
				}
			}
		});*/

	$(".search-fenlei .set").click(function(){
		var ul=$(".search-list");
		if(ul.css("display")=="none"){
			ul.slideDown();
		}else{
			ul.slideUp();
		}
	});
	$(".search-fenlei li").click(function(){
		var li=$(this).html();
		$("#all_type").html(li);
		$(".search-list").hide();
		var arr	=	$(this).attr('class').split('-');
		suff_class	=	arr[arr.length-1];
		//alert(suff_class);
		$("#search-fenlei").attr('class','search-fenlei-'+suff_class);
		//$(".set").removeClass("select") ;   
	});

	sideList = $("#side_list")

	$.ajax({
		url: 'http://localhost:8080/index/category-brand',
		type: 'get',
		dataType: 'json'
	}).then(res => {  // res 对应的是 result
		allData = res.data // 返回的数据是 [{}, {}, {}]
		console.log(allData)
		let sideListHtml = ``
		allData.forEach((v,k) => {
			sideListHtml += `
			    <dd class="" onclick="brandShow(${v.categoryId})">
                    <a href="#" title='${v.categoryName}回收价格评估'>
                        <b class="item${v.categoryId}">&nbsp;</b>
                        <em>${v.categoryName}</em>
                        <span>&nbsp;</span>
                    </a>
                </dd>
			`
			console.log(v.categoryId + "\t" + v.categoryName + "#" + k)
		})
		sideList.append(sideListHtml)
		brandShow(1)
	})


});

function brandShow(categoryId) {
	$("#brand").remove()
	let brandHtml = ``

	allData.forEach((v,k) => {
		if(v.categoryId === categoryId){
			brandHtml += `
			<div class="brand" id="brand" style="display: block">
				<div class="title2"><span><a href="#" onclick="brandShow(${v.categoryId})"><strong>${v.categoryName}</strong> 品牌</a></span></div>
				<div class="brand_main">
					<div class="brand_hots">
			`

			v.tbBrandList.forEach((v, k) => {
				brandHtml += `
				<a href="#" onclick="goodShow(${categoryId}, ${v.brandId},1,3)">${v.brandName}</a>
				<em>|</em>
				`
			})
		}
	})
	brandHtml += `
			</div>
		</div>
	</div
	`
	$("#side_right").prepend(brandHtml)
	goodShow(categoryId, 0,1,3)
}

function goodShow(categoryId, brandId,page,limit) {
	$("#search_main").remove()
	// alert(categoryId)
	// console.log(categoryId)
	// console.log(page)
	let counter = 0
	let startCounter = limit*(page-1)
	let counterFlag = false
	let pagenumber = 0

	let goodHtml = ``

	allData.forEach((v,k) => {
		if(v.categoryId != categoryId){

			return false
		}
		goodHtml += `
	        <div class="search_main" id="search_main">
                <div class="search_title"><h2 class="list-item">${v.categoryName}回收</h2>&nbsp;&nbsp;&nbsp;&nbsp;<em></em>搜索到
        `
		let number = 0

		if(brandId === 0){
			v.tbBrandList.forEach((v, k) => {
				number += v.goodList.length
			})
			// console.log(number)
			// console.log(number / limit)
			// console.log(number/1.3 % 1)
			if(number / limit % 1 === 0){
				pagenumber = number / limit
			}else{
				pagenumber = parseInt(number / limit) + 1
			}
			// console.log(pagenumber)
			goodHtml += `  
                <em> ${number} </em>个结果
                </div>
                <dl class="pic_list">
                    
            `
			v.tbBrandList.forEach((v, k) => {

				v.goodList.forEach((v, k) => {

					if(counter == startCounter){
						counterFlag = true
					}
					if(counter == limit*page){
						counterFlag = false
					}
					if(page == pagenumber && counter ==  number){
						counterFlag = false
					}
					if(counterFlag){
						goodHtml += `  
  						<dd>
	                        <div class="pic_list_box">
	                            <div class="pic_list_img"><a href="info.html" title="${v.goodName}回收价格评估"><img
	                                    src="http://localhost/images/${v.goodImg}" width="180"
	                                    height="135" alt="${v.goodName}闲置回收价格评估"/></a></div>
	                            <p class="name">${v.goodName}</p>
	                            <!--<p class="price">回收价：<em>￥3080</em></p>-->
	                            <p class="pinggu"><a href="02-info.html?goodsId=${v.goodId}" title="在线评估${v.goodName}回收价格"><!--去评估--></a>
	                            </p>
	                            <div class="hot"><img src="http://localhost/images/hot.png"/></div>
	                        </div>
	                    </dd>
	                        
						`
					}

					counter++
				})


			})
			goodHtml += ` 
                
                    <div class="clear"></div>
                </dl>
                <div class="clear"></div>
                <div class="pageStr">
                    <div class="ihuigo_page">
                    		<span class="first_link"><a href="#" onclick="goodShow(${categoryId},0,1,${limit})">首页</a></span>
                `
			if(page > 1){
				goodHtml += ` 
	                    		<span class="next_link"><a href="#" onclick="goodShow(${categoryId},0,${page-1},${limit})">上一页</a></span>
	                `
			}
			for(let i = 1; i <= pagenumber; i++){
				goodHtml += `    		
<!--	                    		<span style="border: 1px solid black; border-radius: 50%" onclick="goodShow(${categoryId},0,${i},${limit})">${i}</span>-->
	                    		<span class="next_link"><a href="#" onclick="goodShow(${categoryId},0,${i},${limit})">${i}</a></span>
	                `
			}

			if(page < pagenumber){
				goodHtml += `
	                    		<span class="next_link"><a href="#" onclick="goodShow(${categoryId},0,${page+1},${limit})">下一页</a></span>
	                `
			}
			goodHtml += `
                    		<span class="last_link"><a href="#" onclick="goodShow(${categoryId},0,${pagenumber},${limit})">尾页</a></span>
                    		<span class="last_link"><a href="#" >当前页：${page} </a></span>
                    </div>
                </div>
            				
				`
		}else {


			v.tbBrandList.forEach((v, k) => {
				if(v.brandId != brandId){
					return false
				}
				number += v.goodList.length
				if(number / limit % 1 === 0){
					pagenumber = number / limit
				}else{
					pagenumber = parseInt(number / limit) + 1
				}

				goodHtml += `  
					<em> ${number} </em>个结果
					</div>
					<dl class="pic_list">
            	`

				v.goodList.forEach((v, k) => {

					if(counter == startCounter){
						counterFlag = true
					}
					if(counter == limit*page){
						counterFlag = false
					}
					if(page == pagenumber && counter ==  number){
						counterFlag = false
					}
					if(counterFlag){
						goodHtml += `  
  						<dd>
	                        <div class="pic_list_box">
	                            <div class="pic_list_img"><a href="info.html" title="${v.goodName}回收价格评估"><img
	                                    src="http://localhost/images/${v.goodImg}" width="180"
	                                    height="135" alt="${v.goodName}闲置回收价格评估"/></a></div>
	                            <p class="name">${v.goodName}</p>
	                            <!--<p class="price">回收价：<em>￥3080</em></p>-->
	                            <p class="pinggu"><a href="02-info.html?goodsId=${v.goodId}" title="在线评估${v.goodName}回收价格"><!--去评估--></a>
	                            </p>
	                            <div class="hot"><img src="http://localhost/images/hot.png"/></div>
	                        </div>
	                    </dd>
	                        
						`
					}

					counter++
				})


			})
			goodHtml += ` 
                
                    <div class="clear"></div>
                </dl>
                <div class="clear"></div>
                <div class="pageStr">
                    <div class="ihuigo_page">
                    		<span class="first_link"><a href="#" onclick="goodShow(${categoryId},${brandId},1,${limit})">首页</a></span>
                `
			if(page > 1){
				goodHtml += ` 
	                    		<span class="next_link"><a href="#" onclick="goodShow(${categoryId},${brandId},${page-1},${limit})">上一页</a></span>
	                `
			}
			for(let i = 1; i <= pagenumber; i++){
				goodHtml += `    		
<!--	                    		<span style="border: 1px solid black; border-radius: 50%" onclick="goodShow(${categoryId},0,${i},${limit})">${i}</span>-->
	                    		<span class="next_link"><a href="#" onclick="goodShow(${categoryId},${brandId},${i},${limit})">${i}</a></span>
	                `
			}

			if(page < pagenumber){
				goodHtml += `
	                    		<span class="next_link"><a href="#" onclick="goodShow(${categoryId},${brandId},${page+1},${limit})">下一页</a></span>
	                `
			}
			goodHtml += `
                    		<span class="last_link"><a href="#" onclick="goodShow(${categoryId},${brandId},${pagenumber},${limit})">尾页</a></span>
                    		<span class="last_link"><a href="#" >当前页：${page} </a></span>
                    </div>
                </div>
            				
				`
		}
//		v.tbBrandList.forEach((v, k) => {
//			number = v.goodList.length
//			goodHtml += `
//              <em> ${number} </em>个结果
//              </div>
//          `
//
//		})
	})
	$("#side_right").append(goodHtml)
	$('.pic_list dd').mousemove(function () {
		$(this).find('.pic_list_box').addClass('kuang');
	});
	$('.pic_list dd').mouseleave(function () {
		$(this).find('.pic_list_box').removeClass('kuang');
	});
}

function nTabs(thisObj,Num){
	if(thisObj.className == "active")return;
	var tabObj = thisObj.parentNode.id;
	var tabList = document.getElementById(tabObj).getElementsByTagName("li");
	for(i=0; i <tabList.length; i++)
	{
		if (i == Num)
		{
			thisObj.className = "active";
			document.getElementById(tabObj+"_Content"+i).style.display = "block";
		}else{
			tabList[i].className = "normal";
			document.getElementById(tabObj+"_Content"+i).style.display = "none";
		}
	}
}
function show_king_list_new(obj,pid){
	$("#"+pid).find("dl").attr('class','bg');
	$(obj).attr('class','');
}

function _nav(name,id,total,is){
	if(name	==	'nav_t'	&&	id	>1){
		$(".load_img_"+id).each(function(){
			var datasrc	=	$(this).attr('datasrc');
			$(this).attr('src',datasrc);
		})
	}
	for(var i=1;i<=total;i++){
		//alert(i);
		if(!is){
			document.getElementById(name+i).className='';
		}
		//alert(name+"_list"+i);
		document.getElementById(name+"_list"+i).style.display='none';
	}
	if(!is){
		document.getElementById(name+id).className='on';

	}
	document.getElementById(name+"_list"+id).style.display='block';
}

function MM_swapImgRestore() { //v3.0
	var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
	var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
		var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
			if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
	var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
	var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
		if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function	top_search_goods(){
	var val	=	$.trim($("#top_name").val());
	if(val.length == 0	||	val ==	'请输入品牌型号搜索'){
		$("#top_name").val('');
		//alert("请输入品牌型号");
		//return false;
	}
	$("#top_goods_search").submit();
}

function t_click(obj,val){
	//$('#top_pid').val(val);
	$("#top_goods_search").attr('action',val);

}